<!DOCTYPE HTML>
<head>
    <title>美价网后台管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Baxster Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <!-- Bootstrap Core CSS -->
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom CSS -->
    <link href="../css/style.css" rel='stylesheet' type='text/css'/>
    <!-- font-awesome icons -->
    <link href="../css/font-awesome.css" rel="stylesheet">
    <!-- js-->
    <script src="../js/jquery-1.11.1.min.js"></script>
    <!-- Metis Menu -->
    <script src="../js/metisMenu.min.js"></script>
    <script src="../js/custom.js"></script>
    <link href="../css/custom.css" rel="stylesheet">
    <!--//Metis Menu -->
</head>
<body class="cbp-spmenu-push">
<div id="content" class="main-content">
    <!-- header-starts -->
    <div class="row" style="border: 2px solid rgba(0,0 ,0 ,0.2)">
        <div class="header-left col-sm-3">
            <!--logo -->
            <div class="logo">
                <a href="#">
                    <ul>
                        <li><img style="width: 60%;height: 60%" src="../images/logo1.png" alt=""/></li>
                        <li><h5 style="color: white">异常商品信息管理</h5></li>
                        <div class="clearfix"></div>
                    </ul>
                </a>
            </div>
        </div>
        <div class="col-sm-1">
            <div class="row" style="height: 30px"></div>
            <div>
                <input type="button" class="btn btn-success col-sm-12" value="更新信息" @click="updatavalidateProduct"/>
            </div>

        </div>
        <!--search-box-->
        <div class="search-box">
            <form class="input">
                <input class="sb-search-input input__field--madoka" placeholder="Search..." type="search"
                       id="input-31"/>
            </form>
        </div>
        <!--//end-search-box-->
    </div>

    <!-- //header-ends -->
    <div class="row">
        <div class="col-sm-11">
            <table class="table">
                <thead>
                <tr style="font-size: 8px">
                    <th style="width: 30px">序号</th>
                    <th>商品ID</th>
                    <th>商品名</th>
                    <th>销量</th>
                    <th>评论量</th>
                    <th>收藏量</th>
                    <th>发货地址</th>
                    <th>店铺名</th>
                    <th>描述</th>
                    <th>服务</th>
                    <th>物流</th>
                    <th>商品地址</th>
                    <th>得分</th>
                    <th>价格</th>
                    <th style="width: 200px;">非法原因</th>
                    <th style="width: 200px;">操作</th>
                </tr>
                </thead>
                <tbody v-for="(invalidProduct,index) in invalidProducts">
                <tr style="font-size: 5px" v-show="invalidProduct.spareField3==''?false:true">
                    <td style="width: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{index+1}}
                    </td>
                    <td style="width: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.productId}}
                    </td>
                    <td style="max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.productName}}
                    </td>
                    <td style="width: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.sellCount}}
                    </td>
                    <td style="width: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.reviewCount}}
                    </td>
                    <td style="width: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.collectCount}}
                    </td>
                    <td style="width: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.deliveryAdd}}
                    </td>
                    <td style="max-width: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.shopName}}
                    </td>
                    <td style="width: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.shopdsrMs}}
                    </td>
                    <td style="width: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.shopdsrFw}}
                    </td>
                    <td style="width: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.shopdsrWl}}
                    </td>
                    <td style="width: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"><a
                            :href="invalidProduct.productUrl" target="_blank">商品链接</a></td>
                    <td style="width: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.productScore}}
                    </td>
                    <td style="width: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                        {{invalidProduct.spareField1}}
                    </td>
                    <td>{{invalidProduct.spareField3}}</td>
                    <td>
                        <button class="btn-success" data-target="#myModal" data-toggle="modal"
                                @click="modalFuZhi($event,invalidProduct,index)">编辑
                        </button>
                        <button class="btn-danger" @click="deleteInvalid(invalidProduct.id,index)">删除</button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <!--left-fixed -navigation-->
        <div class="sidebar" style="width: 50px" role="navigation">
            <div class="navbar-collapse collapse">
                <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right dev-page-sidebar mCustomScrollbar _mCS_1 mCS-autoHide mCS_no_scrollbar"
                     id="cbp-spmenu-s1">
                    <div class="scrollbar scrollbar1">
                        <ul class="nav in" style="display: block" id="side-menu">
                            <li>
                                <a href="module-monitoring.html"><i class="fa fa-home nav_icon"></i>模块监控</a>
                            </li>
                            <li>
                                <a href="evaluateModule.html"><i class="fa fa-cogs nav_icon"></i>商品评价模型</a>
                            </li>
                            <li>
                                <a href="validateProduct.html"><i class="fa fa-check-square-o nav_icon"></i>异常商品信息处理</a>
                            </li>
                        </ul>
                    </div>
                    <!-- //sidebar-collapse -->
                </nav>
            </div>
        </div>
        <!--left-fixed -navigation-->
    </div>
</div>

<!-- 新增节点模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    编辑异常商品信息
                </h4>
            </div>
            <!--            <div class="modal-body">
                            <div class="row"  v-for="(value,key,index) in invalidproduct" v-model="index">
                                <div class="col-sm-2"></div>
                                编号:<input  v-model="value" type="text"/>
                            </div>

                        </div>-->
            <div class="modal-body" v-model="invalidproduct,index">
                <div class="row" v-show="false">
                    <div class="col-sm-2"></div>
                    编号:<input v-model="invalidproduct.id" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品编号:<input v-model=invalidproduct.productId type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品名称:<input v-model="invalidproduct.productName" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    历史价格:<input v-model="invalidproduct.price" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品分类ID:<input v-model="invalidproduct.categoryId" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品分类名称:<input v-model="invalidproduct.categoryName" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    销量:<input v-model="invalidproduct.sellCount" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    评论量:<input v-model="invalidproduct.reviewCount" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    收藏量:<input v-model="invalidproduct.collectCount" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    库存量:<input v-model="invalidproduct.stock" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    发货地址:<input v-model="invalidproduct.deliveryAdd" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    店铺ID:<input v-model="invalidproduct.shopId" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    店铺名称:<input v-model="invalidproduct.shopName" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品图片:<input v-model="invalidproduct.productImg" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    店铺描述:<input v-model="invalidproduct.shopdsrMs" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    店铺服务:<input v-model="invalidproduct.shopdsrFw" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    店铺物流:<input v-model="invalidproduct.shopdsrWl" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品URL:<input v-model="invalidproduct.productUrl" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品评分:<input v-model="invalidproduct.productScore" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    推荐理由:<input v-model="invalidproduct.recommendedReason" type="text"/>
                </div>
                <div class="row">
                    <div class="col-sm-2"></div>
                    商品价格:<input v-model="invalidproduct.spareField1" type="text"/>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button class="btn btn-primary" @click="saveProduct(index)" data-dismiss="modal">
                    提交更改
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- Bootstrap Core JavaScript -->
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<link href="../css/bootstrap.min.css" rel="stylesheet">

<script src="../js/vue.min.js"></script>
<script src="../js/management/validateProduct.js"></script>
</body>
</html>